<template>
  <div class="home-holiday">
    <div class="holiday">
      <p>周末去哪儿</p>
      <div class="holiday-item" v-for="item in objList" :key="item.id">
        <img :src="item.src" />
        <p>{{item.title}}</p>
        <p>{{item.content}}</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      objList: [
        {
          id: 0,
          src:
            'http://img1.qunarzz.com/sight/source/1508/f8/cadd4e229d3402.jpg_r_640x214_c38fb221.jpg',
          title: '佛山打卡',
          content: '走进佛山河网密布，生态优美的岭南水乡'
        },
        {
          id: 1,
          src:
            'http://img1.qunarzz.com/sight/source/1811/15/66f14e0fd6fbb.jpg_r_640x214_5d69f21d.jpg',
          title: '清远周边逛',
          content:
            '人人都有一双发现美的眼睛，身边的事物最熟悉不过，那你可曾发现了被人遗漏的美？'
        },
        {
          id: 2,
          src:
            'http://img1.qunarzz.com/sight/source/1811/b8/5d599bbdcf8b57.jpg_r_640x214_2ee055e3.jpg',
          title: '浮在海上的绿洲',
          content:
            '南国滨海之城，避寒胜地，有暖暖的阳光，海风习习，吃着海鲜逛逛老街多惬意啊'
        },
        {
          id: 3,
          src:
            'http://img1.qunarzz.com/sight/source/1811/ab/ee39881f602326.jpg_r_640x214_7b1a16b6.jpg',
          title: '相约生态佛山',
          content:
            '古色古香的南国，名城佛山，游走佛山城里的每一个角落，你会被这座古韵之城的魅力所陶醉'
        },
        {
          id: 4,
          src:
            'http://img1.qunarzz.com/sight/source/1602/9c/39c5ce9ff58609.jpg_r_640x214_efb90102.jpg',
          title: '粤西温泉',
          content:
            '自驾粤西，这里有最全最心仪的温泉池，环境优美，舒舒服服的泡个热汤，远离繁忙的工作'
        }
      ]
    }
  }
}
</script>

<style scoped>
.holiday > p {
  margin: 0.1rem 0.2rem;
}
.holiday-item {
  color: #333;
  background: #fff;
  padding-bottom: 0.2rem;
}
.holiday-item img {
  width: 100%;
  height: 3.14rem;
}
.holiday-item > p:nth-of-type(1) {
  font-size: 0.28rem;
  margin: 0.1rem 0.2rem;
}
.holiday-item > p:nth-of-type(2) {
  font-size: 0.24rem;
  margin: 0.1rem 0.2rem;
}
</style>
